<template>
    <section class="after-sale-list-main base-main">
      <div class="list-box">
        <p class="head color7A7B82 fs14">
          订单号：2018002004006
          <span class="flr">申请售后中</span>
        </p>
        <OrderGood
          :goodList="goodList"
          bgc="#F7F8FA"
        ></OrderGood>

        <p class="type line-bottom text-l fs15">
          <i class="pr iconfont iconhuanhuox"></i>
          换货
        </p>
        <p class="type line-bottom text-l fs15">
          <i class="pr iconfont icontuikuanx1"></i>
          仅退款
        </p>
        <p class="type line-bottom text-l fs15">
          <i class="pr iconfont icontuihuox"></i>
          退货退款
        </p>
        <p class="btn text-r">
          <span class="inline-block text-c color45454D fs14">撤销申请</span>
          <span class="inline-block text-c color45454D fs14" @click="handleToAfterSaleDetail(1)">查看详情</span>
        </p>
      </div>
    </section>
</template>

<script type="text/ecmascript-6">
  import OrderGood from '../../components/OrderGood.vue'

  export default {
    components:{
      OrderGood
    },
    data() {
      return {
        goodList:[
          {
            goodName:'商品名称11',
            goodModel:'商品规格11',
            price:'80.00',
            goodNum:2,
            imgPath:'https://ss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=130623978,3345737307&fm=85&app=63&f=JPG?w=121&h=75&s=7B84F70E594ECCCE50FDA96E0300607B'
          },
          {
            goodName:'商品名称22',
            goodModel:'商品规格22',
            price:'80.00',
            goodNum:2,
            imgPath:'https://ss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=130623978,3345737307&fm=85&app=63&f=JPG?w=121&h=75&s=7B84F70E594ECCCE50FDA96E0300607B'
          },
        ],

      }
    },
    methods: {
      handleToAfterSaleDetail(id){
        this.$router.push({
          path:'/index/web/afterSaleDetail',
          query:{id:id}
        })
      },
    },
  }
</script>

<style scoped lang="scss">
  @import '../../assets/css/afterSaleList.scss';
</style>
